.notice-container {
  min-height: calc(100vh - 180rpx);
  padding-bottom: 180rpx;
  background-color: #f6f6f6;

  .van-swipe-cell__left,
  .van-swipe-cell__right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120rpx;
    height: 100%;
    font-size: 15px;
    color: #fff;
    background-color: #f44;
    border-radius: 20rpx;
  }

  .van-swipe-cell__left {
    background-color: #f50;
  }

  .notice-list {
    display: flex;
    padding: 15rpx;
    margin: 10rpx 15rpx 0;
    background-color: #fff;
    border-radius: 20rpx;

    .list-img {
      margin-right: 30rpx;
      width: 100rpx;
      height: 100rpx;

      image {
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }

    .list-con {
      flex: 1;
      position: relative;

      .title {
        margin-top: 6rpx;
        font-size: 32rpx;
      }

      .time {
        position: absolute;
        top: 10rpx;
        right: 0;
        color: #666;
        font-size: 24rpx;
      }

      .con {
        margin-top: 6rpx;
        width: 500rpx;
        font-size: 26rpx;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }

  .van-skeleton {
    background-color: #fff;
  }
}